<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>地址填写</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <script src="../../js/myjs/commonjs/jquery-1.10.1.min.js"></script>
    <style>
        ul{
            margin-top: 0px;
            padding-left: 20px;;
        }
        li{padding-left:0px;}
        #tuijianDiv{

            -moz-box-shadow:0 17px 10px 10px  rgb(83,17,25) inset;             /* For Firefox3.6+ */
            -webkit-box-shadow:0 17px 10px 10px rgb(83,17,25) inset;          /* For Chrome5+, Safari5+ */
            box-shadow:0 17px 10px 10px  rgb(83,17,25) inset;                  /* For Latest Opera */

        }
    </style>
</head>

<body style="max-width: 414px;">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!--<div  class="l"></div>-->
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">新客专享</div>
</header>

<div class="mui-content" style="background-color:  rgb(176,61,66);max-width: 414px;margin: auto;" >
    <div style="margin-top: 30px;">
        <img src="../../images/68.png" style="width: 100%;">
    </div>
    <div style="margin-top: 20px;text-align: center; ">
        <img id="clickbutton" src="../../images/clickbutton.png" style="width: 60%;">
    </div>
    <div style="width: 100%;height: 300px;margin-top: 30px;padding-left: 30px;padding-right: 30px;">
        <p style="font-size: 18px; font-weight: bold;color: rgb(255,238,210);padding-bottom: 0px;">活动规则：</p>
        <div>
            <ul style="list-style-type:square">
                <li style="font-size: 12px; color: rgb(255,238,210);line-height:18px;">
                    <span style="font-size: 16px; color: rgb(255,238,210); letter-spacing:0px;">活动期间，下载小普客户端并完成注册的用户，均视成功参与此活动</span>
                </li>
                <li style="font-size: 12px; color: rgb(255,238,210);line-height:18px;">
                    <span style="font-size: 16px; color: rgb(255,238,210); letter-spacing:0px;">每个手机号只可参与一次(同一手机号均视为同一用户)</span>
                </li>
                <li style="font-size: 12px; color: rgb(255,238,210);line-height:18px;">
                    <span style="font-size: 16px; color: rgb(255,238,210); letter-spacing:0px;">老用户可直接获取</span>
                </li>
            </ul>
        </div>

        <p style="font-size: 18px; font-weight: bold;color: rgb(255,238,210);padding-bottom: 0px;">活动奖励：</p>
        <div>
            <ul style="list-style-type:square">
                <li style="font-size: 12px; color: rgb(255,238,210);line-height:18px;">
                    <span style="font-size: 16px; color: rgb(255,238,210); letter-spacing:0px;">成功参与此次活动的用户，均可活动68小普币现金券，此礼券无门槛，无最低消费限制，不可用于其他类商品消费。礼券不可转让，不可折返。</span>
                </li>
            </ul>
        </div>

        <p style="font-size: 18px; font-weight: bold;color: rgb(255,238,210);padding-bottom: 0px;">奖励发放：</p>
    </div>

    <div id = "tuijianDiv" style="background-color: rgb(117,17,25);height: 400px;width: 100%;">
        <!--推荐商品START-->
        <div style="width: 100%;padding:20px;margin-top: 10px;">
            <div style="width: 100%;padding-top: 10px;text-align: center;">
                <div style="float:left;width: 30%;"><hr style="border:0px;width: 100%;border-top:1px solid rgba(130,55,61,0.8);"></div>
                <span style="color:white">精选商品</span>
                <div style="float:right;;width: 30%;"><hr style="border:0px;width: 100%;border-top:1px solid rgba(130,55,61,0.8);;"></div>
            </div>

            <!--商品-->


            <div class="mui-table-view-cell" style="margin-top:20px;background-color: white;width: 49%;display: inline-block;overflow:visible" onclick="goUrl('good_detail-{$goods.goods_id}.html')">
                <div class="cell-img"  style="width: 100%;">
                    <img src="../../images/abc.jpg" style="width: 100%;">
                </div>
                <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                    <span>精选商品精选商品精选商品精选商品精选商品精选商品精选商品精选商品精选商品精选商品</span>
                </div>
                <div class="cell-price">
                    <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                        <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                        <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">5&nbsp</span>
                        <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥6</span>
                        <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                    </div>
                </div>
                <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="./images/750大图.png"></a>-->
            </div>

            <div class="mui-table-view-cell" style="margin-top:20px;background-color: white;width: 49%;display: inline-block;overflow:visible" onclick="goUrl('good_detail-{$goods.goods_id}.html')">
                <div class="cell-img"  style="width: 100%;">
                    <img src="../../images/abc.jpg" style="width: 100%;">
                </div>
                <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                    <span>精选商品精选商品精选商品精选商品精选商品精选商品</span>
                </div>
                <div class="cell-price">
                    <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                        <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                        <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">5&nbsp</span>
                        <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥6</span>
                        <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                    </div>
                </div>
                <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="./images/750大图.png"></a>-->
            </div>



            <!--商品-->

        </div>
    </div>
</div>


</body>
<script src="../../js/mui.js"></script>

<!--<script src="../../js/mui.picker.min.js"></script>-->

<script>
    mui.init({
        gestureConfig:{
            tap: true, //默认为true
            doubletap: true, //默认为false
            longtap: true, //默认为false
            swipe: true, //默认为true
            drag: true, //默认为true
            hold:true,//默认为false，不监听
            release:true//默认为false，不监听
        }
    });

    mui("#clickbutton")[0].addEventListener('hold',function(){
        this.src = '../../images/clickbutton2.png';
    })
    mui("#clickbutton")[0].addEventListener('release',function(){
        this.src = '../../images/clickbutton.png';
    })

</script>

</html>